@import "all.css";

/*html{*/
/*    filter: grayscale(1);*/
/*}*/
/*一级公共*/
.title h1 {
    color: #00349e;
    font-family: fzxbs;
    font-size: 2rem;
}

/*首页*/
header .nav {
    top: 0;
    left: 0;
	z-index: 99;
    background: #fffffff9;
}

header .nav img {
    height: 82px;
    filter: drop-shadow(1px 1px 0 white);
}

footer {
    background-color: #07254f;
}

footer .img_code .code {
    width: 195px;
    height: 195px;
}

footer .foot_nody {
    max-width: 1440px;
    background-image: url("/static/img/footer_right_bg.png");
    background-repeat: no-repeat;
    background-position: right center
}

footer .body p {
    font-size: 1rem;
    line-height: 150%
}
footer hr {
    background-color: #fff;;
}
footer .body p a {
    color: #fff;
}
footer .panel-title{
    color: #fff;
    font-size: 1.2rem;
}
footer .panel-body  a{
    color: #fff;
    font-size: 1rem;
}
footer .friendlink a,footer .footNav a{
    color: #fff;
}
.index_news .l_body {
    display: none;
    height: 0;
    flex: 1
}
.square-point{
    margin: 0 15px;
    color: #f1845b;
}
.index_news .l_body.active {
    display: flex
}

.index_style .top .slide {
    cursor: pointer
}

.imglist {
    display: none
}

.index_about {
    background: #f4f4f4
}

.index_about_body h3 {
    position: relative;
}

.index_about_body h3::after {
    content: '';
    display: block;
    width: 64px;
    height: 4px;
    background-color: #df9f03;
    position: absolute;
    left: 0;
    bottom: 0;
}

.index_about_body .info p {
    text-indent: 2em;
    line-height: 2.375em;
    font-size: 1rem;
}

.index_news_body .top_nav {
    box-sizing: border-box;
    height: 65px;
    margin-left:20px;
    border-bottom: 2px solid #999;
}
.index_news_body .top_nav li{
    width: 50%;
    justify-content: center;
    margin-bottom: -3px;
}
.index_news_body h4 {
    font-family: fzxbs;
    padding: 0 60px
}
.article-prevnext{
    color: #000;
    font-size: 1rem;
    line-height: 180%;
    margin-bottom: 1.5rem;
}
.article-prevnext a{
    color: #000;
}

.article-prevnext a:hover{
    color: #00349e;
}
@media (min-width: 768px) {
    .index_news li.active {
        border-bottom: 4px solid #1e2188;
    }

    .index_news li h4 {
        cursor: pointer;
        color: #666;
    }
    .index_news li.active h4 {
        color: #00349e;
    }

    .index_news .l_body_right {
        width: 0;
        flex: 1;
        margin-left: 10px;
    }

    .m_float_f li a {
        font-size: 1.25rem;
    }
    footer .body {
        width: 16rem;
    }
    footer .footNav {
        width: 20rem;
    }
}

.index_news .l_body_right .top {
    border-bottom: 2px solid #788d4d
}

.index_news .l_body_right .top h5 {
    font-size: 1.37rem;
}

.index_news .l_body_right .top p {
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis
}

/*.index_news_slide{width: 465px;height: 315px;}*/
.index_news .l_body_right li * {
    font-size: 1.125rem;
}

.index_news .l_body_right li {
    border-bottom: 2px dashed #b7b7b7
}

.index_news .l_body_right li:last-of-type {
    border-bottom: unset
}

.index_news .l_body_right ul {
    border-bottom: 2px solid #b7b7b7
}

.index_scope .img_list img {
    box-sizing: border-box;
    width: 118px;
    height: 118px;
    border: 6px solid #fff;
    background-color: #fff;
}

.index_scope .img_list * {
    color: #666666;
    transition: all 0.5s
}

.index_scope .img_list:hover * {
    color: #f8aa51;
}

.index_scope .img_list span {
    font-size: 16px;
}

.index_scope .img_list p {
    font-size: 20px;
}

.index_scope .body {
    background-image: linear-gradient(to bottom, #00349e 0, #00349e 145px, transparent 145px, transparent 100%);
}

.index_scope .body .nr p {
    font-size: 18px;
    position: relative
}

.index_scope .body .nr p::before {
    content: '';
    display: block;
    width: 80%;
    height: 2px;
    background-color: #666666;
}

.index_scope .body .nr span {
    font-size: 12px;
    white-space: nowrap
}

.index_notice .body {
    max-width: 1516px;
    margin: 0 auto
}

.index_notice .body .top {
    height: 57px;
    background-color: #00349e;
}

.index_notice .body .top img {
    position: absolute;
    left: 20px;
    transform: translate(0, -50%);
    top: 50%;
    border: 2px solid #00349e
}

.index_notice .body .top h3 {
    margin-left: 135px;
    color: #FFFFFF;
    font-size: 20px;
}

.index_notice .body ul li {
    line-height: 3rem;
    position: relative
}

.index_notice .body ul li::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #00349e;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%
}

.index_notice .body ul li p {
    font-size: 1rem;
}

.index_notice .body ul li span {
    font-size: 1rem;
    color: #00349e;
}

.index_style .top .slide {
    display: inline;
    line-height: 2.5rem;
    position: relative;
    padding: 0 1rem;
    background: #e8e6f3;
    color: #666;
}

.index_style .top .slide:nth-of-type(n+2) {
    margin-left: 195px;
}

.index_style .top .slide.active {
    color: #fff;
    background-color: #1e2188;

}

.index_style .top .slide.active a {
    color: #fff;

}



.index_style .imglist a.img {
    position: relative;
    display: block;
    padding-bottom: 78.82%;
    overflow: hidden
}

.index_style .imglist a.img>img {
    position: absolute;
    height: 100%;
    object-fit: cover;
}

.index_style .imglist .col-lg-3:nth-of-type(n+3) {
    display: flex
}

.index_style .imglist .col-lg-3:nth-of-type(n+3) a.img {
    position: relative;
    display: block;
    padding-bottom: unset;
    overflow: hidden
}

.index_style .imglist .col-lg-3:nth-of-type(n+3) a.img>img {
    position: unset;
    object-fit: cover;
    height: 100%;
}

.index_style .imglist .img .more {
    display: none
}

.index_style .imglist .img::after {
    content: '';
    transition: all 0.5s;
    background-color: rgba(0, 0, 0, 0.00);
}

.index_style .imglist .img:hover::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.53);
    top: 0;
    left: 0;
    position: absolute
}

.index_style .imglist .img:hover .more {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (min-width: 1200px) {
    .index_about_body .btn-huanxi {
        /* font-family: but; */
        /* font-size: 36px; */
        width: 230px;
        height: 75px;
        /* white-space: nowrap; */
        background: url(../img/showBtn.png);
    }

    .index_news_body .news_content{
        width: 100%;
    }

    .index_news .l_body_left {
        width: 46%;
    }
}

@media (min-width: 1500px) {
    .container {
        max-width: 1470px
    }
}

.index_about .video  {
    background: #fff;
    padding: 1rem;
    margin-right: 2rem;
}

@media (min-width: 1400px) {
    .m_close {
        display: none
    }
}

@media (max-width: 1400px) {
    .bi-list {
        font-size: 2rem
    }

    .m_float_f {
        position: relative;
        z-index: 5;
        transition: all 0.5s;
        width: 0;
        height: 0;
    }

    .m_float_f.active {
        right: 0;
    }

    .m_nav {
        margin-left: auto;
        cursor: pointer
    }

    .m_nav_body {
        position: fixed;
        right: -260px;
        top: 0;
        width: 260px;
        height: 100vh;
        background: linear-gradient(to bottom, #011b4e, #0092df);
        transition: all 0.5s;
    }

    .m_nav_body.active {
        right: 0;
    }

    .m_nav_body li {
        border-bottom: 1px solid rgba(102, 102, 102, 0.3);
        box-shadow: 0 10px 20px rgba(102, 102, 102, 0.06)
    }

    .logo {
        padding: 10px 0
    }
    .m_close {
        position: fixed;
        right: 260px;
        width: 50px;
        height: 50px;
        background: #011b4e;
        display: none;
        cursor: pointer
    }

    .m_close.active {
        display: flex;
        justify-content: center;
        align-items: center
    }

}

@media (max-width: 1200px) {
    #index_slide{
        margin-top:80px !important;
    }
    .index_about_body .info p {
        font-size: 1rem
    }
}

@media (max-width: 768px) {
    .pt-md-4 {
        padding-top: 1rem;
    }

    .pts-md-4 {
        padding-top: 1rem;
    }

    .flex-s-column {
        flex-direction: column
    }

    .index_news_body .news_content.top_nav {
        height: unset
    }

    .index_news_body .news_content.top_nav li h4 {
        line-height: 3rem;
    }

    .index_news_body .news_content.top_nav li h4.active {
        background-color: #fff;
        display: block;
        width: 100%;
        color: #0a53be
    }

    .index_news_body .news_content.top_nav {
        padding: 15px 0
    }

    .index_news_body .l_body .w-50 {
        width: 100% !important
    }

    .index_news_body .l_body {
        flex-direction: column
    }

    .index_scope .scope_list {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: space-between;
    }

    .index_scope .scope_list a {
        width: unset;
    }

    .index_scope .body .nr p {
        font-size: 1rem
    }

    .index_notice .list:first-of-type {
        margin-top: 50px;
    }

    .index_notice .notice_list li a p {
        width: 60%;
    }
}

@media (max-width: 992px) {
    .logo img {
        max-height: 60px
    }

    .index_news .l_body_right .top p {
        -webkit-line-clamp: 2
    }

    .index_news .l_body_right .top {
        padding-top: 1rem;
    }

    .index_news .l_body_right li {
        line-height: 3rem;
    }

    .index_news .l_body_right li * {
        font-size: 1rem;
    }

    .index_news .l_body_right .top h5 {
        font-size: 1.1rem;
    }

    .index_news .l_body_right .top {
        border-bottom: 1px solid #788d4d
    }

    footer .body,
    footer .img_code {
        width: 95%;
        margin: 0 auto;
    }

    footer .body p {
        font-size: 1.2rem;
        display: flex;
        justify-content: center;
        align-items: center
    }

    footer .body p img {
        width: 20px;
    }

    footer .img_code {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    footer .img_code * {
        font-size: 1.2rem;
    }

    .carousel-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
    }

    .carousel-indicators .active {
        width: 40px;
    }

    .index_about_body h3 {
        margin-top: 1rem;
    }

    .index_about .video .button a img {
        width: 50px;
    }

    .index_news_body .news_content.top_nav {
        margin-top: 1rem;
    }

    .index_news_body .news_content.top_nav li h4 {
        font-size: 1.2rem;
    }

    .imglist.active {
        display: block
    }

}

@media (min-width: 992px) {
    .imglist.active {
        display: flex
    }


}

/*内页*/
@media (min-width: 992px) {
    .abot_body .text .body {
        font-size: 1.5rem;
        font-family: fzxbs;
    }
}

.n_top * {
    color: #3e3e3e
}

.n_left ul li {
    height: 75px;
    background-image: url("/static/img/n_ico2.png");
    background-repeat: no-repeat;
    background-position: center right 2rem;
    border-bottom: 1px solid #0a53be
}

.n_left ul li a {
    color: black
}

.n_left ul li:hover a {
    font-weight: bold;
    color: #00349e
}

.n_left ul li.active a {
    color: #00349e;
    font-weight: bold;
}

.abot_body>.img {
    border: 2px solid #0a53be
}

.abot_body .text>h3 {
    position: relative;
    padding-bottom: 2rem;
}

.abot_body .text>h3::after {
    content: '';
    width: 60px;
    height: 3px;
    background-color: #df9f03;
    position: absolute;
    left: 0;
    bottom: 0
}

.abot_body .text p {
    text-indent: 2em;
    line-height: 180%;
}

.n_body .title {
    text-align: center;
    padding: 2rem 0;
    border-bottom: 1px solid #0a53be;
}

.n_body .n_body_text {
    font-size: 1.5rem;
    text-indent: 2em;
    line-height: 180%;
    margin-bottom: 4.6rem;
    font-family: 'Times New Roman', '仿宋';
}

.n_body .n_body_text img {
    max-width: 100%;
    margin: 1rem auto;
}

.n_body .info .time {
    background: url("../img/n_body_ico.png") no-repeat center left;
    padding-left: 2rem;
}

.n_body .info .font-size a {
    color: black
}

.n_list .n_right ul li {
    border-bottom: 1px solid #0a53be
}

.n_list .n_right ul li img {
    height: 160px;
    object-fit: cover
}

.n_list .n_right ul li .nr {
    flex: 1;
    width: 0;
}

.n_list .n_right ul li .nr h4 {
    font-size: 1.05rem;
    font-weight: bold;
    color: black
}

.n_list .n_right ul li .nr .time {
    color: black;
    background: url("../img/n_body_ico.png") no-repeat center left;
    padding-left: 1.3rem;
}

.n_list .n_right ul li .nr p {
    color: #666666
}

.n_list_pic li {
    cursor: pointer
}

.n_list_pic .nr {
    background-color: #999999;
    padding: 10px;
    color: #FFFFFF;
    font-size: 1rem;
}

.n_list_pic .pic_nav li {
    background-color: #666666;
    border-radius: 10px;
    padding: 15px 25px;
    color: #FFFFFF;
    cursor: pointer;
}

.n_list_pic .pic_nav li:hover {
    background-color: #0a53be;
}

.n_list_pic .pic_nav li:not(:first-of-type) {
    margin-left: 2rem;
}

.n_list_pic .pic_list {
    display: none
}

.n_list_pic .pic_list.active {
    display: flex
}

.n_list_pic .pic_list li {
    cursor: pointer
}

.n_list_pic .pic_list .nr {
    background-color: #999999;
    padding: 10px;
    color: #FFFFFF;
    font-size: 1rem;
}



#index_slide{
    margin-top:98px;
}
@media all {
    .index_style .top .slide.active>a::before {
        content: '';
        display: block;
        width: calc(100% + 20px);
        height: 2px;
        background-color: #00349e;
        left: -10px;
        position: absolute;
        top: 0;
    }

    .index_style .top .slide.active>a::after {
        content: '';
        display: block;
        width: calc(100% + 20px);
        height: 2px;
        background-color: #00349e;
        position: absolute;
        bottom: 0;
        right: -10px
    }

    .dp>ul {
        display: flex;
        flex-direction: column;
    }

    .dp {
        width: calc(100% + 20px);
        display: none;
        position: absolute;
        box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);
        top: 40px;
        left: -10px;
        z-index: 999;
    }

    .index_style .top .slide.active:hover .dp {
        display: block;
    }

    .dp>ul>li {
        background-color: white;
        padding: 5px 0px;
        width: auto;
        white-space: nowrap;
        text-align: center;
    }

    .dp>ul>li>a {
        color: #00349e;
        font-size: 14px;
        padding: 8px 5px;
    }

    .dp>ul>li:hover>a {
        color: #ffffff;
        background-color: #00349e;
    }

    .new_width {
        width: 44%;
    }

    /*.row .mt-lg-6 .left .mt-lg-3,#index_news_slide,#index_news_slide .carousel-inner,#index_news_slide .carousel-inner>.active{height: 100%;}*/
    #index_news_slide .carousel-inner>.active>img {
        height: 100%;
    }

    .index_news_body .news_content{
        display: flex;
        flex-direction: column;
    }


    .index_about {
        padding-bottom: 60px;
    }

    .video,
    .video img {
        height: 100%;
        cursor: pointer;
    }

    .index_about video {
        width: 100%;
    }

    .index_about .right .video .button {
        cursor: pointer;
    }

    .index_news .carousel-inner,
    .index_news .index_news_slide,
    .index_news .carousel-item,
    .index_news .carousel-item img {
        height: 410px;
    }
    .index_news .carousel-item img {
        object-fit: cover;
    }


}

/*新增图片列表*/
.n_list .n_right .newlistpic li .nr {
    width: unset;
    flex: unset;
    padding: 5px 10px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);
}

.n_list .n_right .newlistpic li .nr p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.n_list .n_right .newlistpic li {
    border-bottom: unset
}

.n_list .n_right .newlistpic li .img {
    position: relative;
    padding-bottom: 80%;
    overflow: hidden;
}

.n_list .n_right .newlistpic li .img img {
    position: absolute;
    object-fit: cover;
    height: 100%
}

.newleft {
    margin-bottom: 1rem;
}

.newleft .first_nav .one_link {
    height: 75px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #0a53be;
    padding-left: 1.5rem;
    color: #000;
    background: url("/static/img/n_ico2.png") right 2rem center no-repeat;
    position: relative
}

.newleft .first_nav .one_link>a {
    color: #000
}

.newleft .first_nav .one_link.active>a {
    color: #00349e;
    font-weight: bold
}

.newleft .first_nav .one_link:hover>a {
    color: #00349e
}

.newleft .first_nav .one_link span {
    position: absolute;
    width: 75px;
    height: 75px;
    right: 0;
}

.newleft .dpdown a {
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #000;
    border: 1px solid #6666;
    margin-top: 1rem;
    font-size: 14px;
}

.newleft .dpdown a:hover {
    color: #00349e;
    font-weight: bold
}

/*.newleft .dpdown a::after{content: '';display: block;width: 80%;height: 1px;border-bottom: 1px solid #0a53be;position: absolute;bottom: 0;left: 50%;transform: translate(-50%)}*/
.newleft .dpdown {
    display: none
}

.newleft .dpdown.active {
    display: block;
}

/*收藏修改*/
.video_right_sc {
    position: absolute;
    right: -144px;
    bottom: 0;
}

/*导航下拉菜单*/
header .active {
    color: #1e2188 !important;
}

/*设置盒子的样式*/
header .menuDiv {
    overflow: hidden;
    display: block;
}

/*隐藏二级菜单*/
header .menuUL {
    position: absolute;
    display: none;
    margin-left: -16px;
    margin-top: 16px;
    background-image: linear-gradient(to bottom, #00359f, #0190de);
}

/*鼠标移到盒子，显示二级菜单*/
header .menuDiv:hover ul {
    display: block;
}

header .menuDiv:hover ul a {
    color: #fff;
    font-size: 15px;
}

/*二级菜单样式*/
header .menuLI {
    width: 137px;
    line-height: 34px;
    color: #fff;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 100%);
    text-align: center;
    border-top: none;
    padding: 10px 20px 10px 20px;
    display: block;
    font-size: 15px;
}

/*二级菜单伪类*/
header .menuLI:hover {
    background-color: #00349e;
}

header .menuLI a:hover {
    color: #fff !important;
}

header .menuLI:hover a {
    color: #fff !important;
}

header .text-dark:hover {
    color: #0d6efd !important;
    font-weight: bold;
}
/*右侧图动效*/
#right_odd{
    animation-name: flashing;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-delay: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
    cursor: pointer;
}
@keyframes flashing
{
    0%   {filter: grayscale(1);}
    25%  {filter: grayscale(0);}
    75%  {filter: grayscale(0);}
    100% {filter: grayscale(1);}
}